<!doctype html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-demo="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>自定义指令-指令实例属性</title>
</head>
<body>
    <div id="example-3" v-demo="{color:'red',text:'hello!'}">

    </div>
    <script src="../lib/vue.js"></script>
<script>
    /*
    *vue.js中自定义指令，当只有update钩子函数时，第二个参数直接传入一个funciton即可
    * 如果指令需要多个值，可以传入一个javascript对象字面量
    * 指令可以使用任意合法的javascript表达式
    * */
    Vue.directive('demo', function(value){
        console.log(value.color)
        console.log(value.text);
    })

    var exampleVm = new Vue({
        el : '#example-3',
        data : {
            msg : 'hello vue.js'
        }
    })
</script>
</body>
</html>